$def with ()
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
	<head>
		<title>Personal Information</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="distribution" content="global" />
		<meta name="robots" content="ALL" />	
		<link href="static/style1.css" type="text/css" rel="stylesheet" />

		<script id="jquery_183" type="text/javascript" class="library" src="static/jquery-1.9.1.min.js"></script>
		<script src="static/jquery.min.js"></script>
		<script src="static/jquery.Jcrop.js"></script>
		<link rel="stylesheet" href="static/jquery.Jcrop.css" type="text/css" />
		<link rel="stylesheet" href="static/demos.css" type="text/css" />
		
		<link rel="stylesheet" type="text/css" href="static/imgareaselect-default.css" />
		<script type="text/javascript" src="static/jquery.imgareaselect.pack.js"></script>
		<script type="text/javascript"  src="static/js1.js"></script>	
		<script type="text/javascript">
		\$(document).ready(function () {
		\$('#photo').imgAreaSelect({
        handles: true,
        onSelectEnd:  function (img, selection) {
        alert('width: ' + selection.width + '; height: ' + selection.height);
		}
		});
		});
		</script>
		
	</head>
	
<body>

	<div id="nav">
	              
		<div id="nav_left">
			<ul>
				<li id="home"><a href="/">首页</a></li>
                <li id="login"><a href="/login">请登录</a></li>
				<li>|</li>
				<li id="register"><a href="/register">快速注册</a></li>
			</ul>
		</div>
		<div id="nav_right">
			<ul>
                <li id="buy"><a href="/personal">我的账户</a></li>
				<li>|</li>
				<li id="sell"><a href="/UploadProduct">我要卖/借出</a></li>
			</ul>
		</div>
             
	</div>

	<div id="header">
			<h1 ><img align="left" src="/pic/logo.jpg" alt="LOGO" /> <form action="" method="get"> <input type="text" style="width:250px;height:30px;" name="keyword" id="keyword" size="45"  maxlength="300"> 
			<button type="submit"  style="width:60px; height:35px">搜索</button></form><a href=""></a> </h1>
			
	</div>
	
	
	<div id="content_left">
	<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
	<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
	</div>
	
	<div id="content_middle" class="content_middle" style="text-align:left">
		<div style="width:20%;height:600px;border-right:1px solid grey;float:left">		
			<img id="personal" style="border:1px solid grey; width:160px; height:160px;"/>
			
			<div style="float:left;margin:20px 0 0 30px">
			<table cellpadding="5">
				<tr>
					<td align="left"><a href='/personal' style="color:black;margin-top:10px">个人资料</a></td>
				</tr>
				<tr>
					<td align="left"><a href='/UploadProduct'style="color:black;margin-top:10px">我要发布</a></td>
				</tr>
				<tr>
					<td align="left"><a href='/posted'style="color:black">已发布书籍</a></td>
				</tr>
				<tr>
					<td align="left"><a href='/sold'style="color:black">卖/借出记录</a></td>
				</tr>
			</table>	
			</div>
			
		</div>
	
		<div style="padding-left:100px;float:left;width:60%;float:left;">
				<p>当前照片：</P>
				<div style="width:80%;align:center;float:left">
					<img id="personal2" style="border:1px solid grey; width:160px; height:160px;">
					<div style="width:300px;float:left;">
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <p class="click4" style="cursor:pointer">上传头像</p>
					</div>
				</div>
				<div style="width:80%;float:left">
					<br/>
					<br/>
					<table>
					<tr>
						<td align="right">QQ：</td>
						<td><input type="text" id="qq" style="width:200px"></td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td align="right">E-mail：</td>
						<td><input type="text" id="email" style="width:200px"></td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td align="right">手机：</td>
						<td><input type="text" id="phone" style="width:200px"></td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td align="right">短号：</td>
						<td><input type="text" id="shortphone" style="width:200px"></td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td align="right">登录密码：</td>
						<td><input type="password" id="password" style="width:200px"></td>
						<td><a href="">修改</td>
					</tr>
					<tr>
						<td align="right">真实姓名：</td>
						<td><input type="text" id="realname" style="width:200px"></td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td align="right">性别：</td>
						<td>
							<form>
							<input type="radio" name="sex" value="male" checked="checked"/> 男&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="radio" name="sex" value="female" /> 女
							</form>
						</td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td align="right">年级：</td>
						<td>
							<form>
							<select id="grade" style="width:200px">
							<option value="">大一</option>
							<option value="">大二</option>
							<option value="">大三</option>
							<option value="">大四</option>
							<option value="">大五</option>
							<option value="">研一</option>
							<option value="">研二</option>
							<option value="">研三</option>
							<option value="">其它</option>
							</select>
							</form>
						</td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td align="right">&nbsp;</td>
						<td>
							<input type="button" value="提交修改" style="width:80px;height:30px;" onclick="Profile()">
						</td>
						<td>&nbsp;</td>
					</tr>
				</table>
			</div>
			
			</div>
	
			
		<!--上传封面照片的弹窗-->	
		<div class="bg"></div>
		<div class="uploadIcon" style="border:2px solid grey;padding:20px 0 0 80px;">	
			<img src="static/q2.jpg" id="photo"/>
		<div style="float:left;width:600px;" align="center">
			<input type="submit" value="提交" style="margin:20px 80px 0 0;width:60px;height:30px;"/>
		</div>
		</div>
		
		
	</div> <!--content_middle-->
	
		
		
			
			
			


</body>
</html>